Add Expires Headers Çözümü

Expires Headers Eklemek

Genel Açıklama

Expires Headers, sayfanın önbelleğe alınmış bir sürümünün sunulup sunulmayacağını tarayıcının

bilmesini sağlar. Expires Headers;

• Sunucu yükünü azaltır.
• Sayfa yüklenme süresini kısaltır.
• Maliyet-fayda oranı yüksektir.
• Erişim gereklidir.

Expires Headers Nedir?

Expires Headers, tarayıcının sunucudan belirli bir dosyayı isteyip istemediğini veya tarayıcının önbelleğinden almaları gerekip gerekmediğini iletir.

Expires Headers' ın arkasındaki fikir, sunucudan indirilenlerin yükünü azaltmak değil (değiştirildiği zaman sürekli olarak aynı dosyayı indirmek, değerli yükleme süresini boşa harcamaktır), sunucuya yönelik HTTP isteklerinin sayısını azaltmaktır.

Bir internet sitesini ziyaret ettiğinizde, tarayıcınız gerekli tüm dosyaları indirmek için sunucusuyla iletişim kurmaktan sorumludur. Daha sonra internet sayfasını görüntülemek için bu dosyaları derler. Web sayfaları grafik ve içerik bakımından zenginleştikçe, makineniz ve web sunucusu arasında gittikçe daha fazla dosya aktarılır.

Geçmişte, bir HTML dosyasına ve belki de internet siteniz için kullanabileceğiniz birkaç resme sahip olabilirsiniz, ancak birçok modern web sitesinde sayfa başına 50+ dosya aktarımı olabilir. Dosyaların kendileri büyük bir yük artışı olabilir ancak her dosya için bir istek oluşturmalısınız ve istekler bir saniyenin kesirleri olsa bile, yakında eklenebilirler.

Nasıl Çalışır?

Expires Headers nasıl çalıştığı konusunda oldukça basit bir yapıya sahiptir. Tarayıcıya bir dosyanın önbellekte ne kadar süre saklanacağını iletilir , böylece sonraki sayfa görünümleri ve ziyaretler için dosyayı bir daha indirmek zorunda kalmaz. Expires Headers'ın kullanılması, geri gelen ziyaretçiler için yükleme sürelerinin azaltılmasına yardımcı olur.

Expires başlıklarını belirli dosyalara veya hatta dosya türlerine göre ayarlayabilirsiniz. Daha sonra tarayıcı internet sitesine geldiğinde, belirli dosya türlerini en son ne zaman indirdiğini görebilir. Kısa bir süre önce bu siteyi önbellekten görüntülerse, siteyi bir süredir ziyaret etmediyseniz web sunucusundan en yeni sürümü indirir.

Buradaki fikir, web sitenizde değişmeyen öğelerin (logo, renkler vb.) Geç son kullanma zamanlarını belirlemektir.

Neden Bu Kadar Önemli?

Expires Headers'ın eklenmesi, sunucunun tarayıcıyla iletişim kurma süresini azaltan HTTP isteklerini azaltmak için önemlidir. Ayrıca, kullanıcıların indirmeleri gereken dosya miktarını azaltmak için tarayıcıda saklanan önbellek dosyalarını tekrar kullanmalarına izin verir.

Nasıl Eklenir?

Eğer ilgili testler sonucu bu uyarıyı aldıysanız yapmanız gereken çok basit. Expires Headers eklemek için bir FTP programı kullanarak sitenizin FTP'sine gidip .htaccess dosyasını bilgisayarınıza yükleyin;

<IfModule mod_expires.c>
# Enable expirations
ExpiresActive On
# Default directive
ExpiresDefault "access plus 1 month"
# My favicon
ExpiresByType image/x-icon "access plus 1 year"
# Images
ExpiresByType image/gif "access plus 1 month"
ExpiresByType image/png "access plus 1 month"
ExpiresByType image/jpg "access plus 1 month"
ExpiresByType image/jpeg "access plus 1 month"
# CSS
ExpiresByType text/css "access 1 month"
# Data interchange
ExpiresByType application/json "access plus 0 seconds"
ExpiresByType application/xml "access plus 0 seconds"
ExpiresByType text/xml "access plus 0 seconds"
# Javascript
ExpiresByType application/javascript "access plus 1 year"
# Favicon (cannot be renamed!) and cursor images
# HTML components (HTCs)
ExpiresByType text/x-component "access plus 1 month"
# HTML
ExpiresByType text/html "access plus 0 seconds"
# Manifest files
ExpiresByType application/x-web-app-manifest+json "access plus 0 seconds"
ExpiresByType text/cache-manifest "access plus 0 seconds"
# Media
ExpiresByType audio/ogg "access plus 1 month"
ExpiresByType image/gif "access plus 1 month"
ExpiresByType image/jpeg "access plus 1 month"
ExpiresByType image/png "access plus 1 month"
ExpiresByType video/mp4 "access plus 1 month"
ExpiresByType video/ogg "access plus 1 month"
ExpiresByType video/webm "access plus 1 month"
# Web feeds
ExpiresByType application/atom+xml "access plus 1 hour"
ExpiresByType application/rss+xml "access plus 1 hour"
# Web fonts
ExpiresByType application/font-woff "access plus 1 month"
ExpiresByType application/vnd.ms-fontobject "access plus 1 month"
ExpiresByType application/x-font-ttf "access plus 1 month"
ExpiresByType font/opentype "access plus 1 month"
ExpiresByType image/svg+xml "access plus 1 month"
</IfModule>